<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8"/>
		<title>Asia</title>
		<link href="styles/styles.css" 
			rel="stylesheet"
			type="text/css"/>
		<script language="javascript" src="scripts/scripts.js">
				
	</head>
   
            </script>                              
                               

        </head>
       
        <body>
       
        <section>
        <header><h1 class="mainheader">ASIA</h1></header>
       
       
        
        <div>
        <img src ="images/image1.jpg"
                alt = ""
                title= ""
                id="picture"/>
                
         <img src ="images/image2.jpg"
                alt = ""
                title= ""
                id="picture2"/>
               
        </div>
       
        	<p id = "caption"</h3></p>
            
            <p><h5> To learn about a specific Asian country please feel free to click on one of the buttons. 
             You will see two pictures that represent the country. A fact about the country will appear below the two pictures.
             Once you have viewed all five countries, please select the "Click here to learn more about Asia" link.</p>                  
       
        </section>
       
        <nav>
                <div>
       
        <a href= "javascript:showChina()" class="menulinks">China</a>
        <a href= "javascript:showNorthKorea()" class="menulinks">North Korea</a>
        <a href= "javascript:showSouthKorea()" class="menulinks">South Korea</a>
        <a href= "javascript:showJapan()" class="menulinks">Japan</a>
        <a href= "javascript:showMongolia()" class="menulinks">Mongolia</a>
        <a href= "javascript:showCounter()" class="menulinks">FINISH</a>
                </div>
        </nav>
       
       
        <section>
        <br>
        <br>
        <br>
        
        <h3><a href="asiancontinentinfo.html">Click here to learn more about Asia.</a></h3>
       
               
        </section>
       
             
        <footer>
       
                <cite> All pictures come from <a href="creativecommons.org" target="_blank"> Creative Commons  </a>
               
                </cite>
                <br>
               
                <cite> All content comes from <a href="creativecommons.org" target="_blank"> Creative Commons </a> </cite>
                <br>
              	<cite> All Latin text is from <a href="lipsum.com" target="_blank"> lipsum.com</cite>
                <p>&copy; 2011</p>
       
        </footer>
       
        </body>
       
</html>

